<template>
  <div class="main">
    <!--<div class="nav_top">-->
      <!--<van-nav-bar title="嘉善信访矛调自助端" left-text="返回" left-arrow>-->
        <!--<van-icon class-prefix="my-icon" name="extra" slot="right" />-->
      <!--</van-nav-bar>-->
      <!--<div v-on:click="subscribe" :class="classname">{{subscribe_txt}}</div>-->
      <!--<div class="cf"></div>-->
    <!--</div>-->
    <div class="success_main">
      <van-icon name="checked" />
      <h3>提交成功</h3>
      <p>您的诉求已提交，我们将尽快为您处理</p>
    </div>

    <p class="service">
      本服务由嘉善县社会治理综合指挥服务中心提供
      <br />服务咨询热线：
      <a @click="callphone('0573-84991118')">0573-84991118</a>
    </p>
  </div>
</template>

<script>
import "../../assets/js/bridge.min.js";
export default {
  data() {
    return {
      subscribe_txt: "订阅",
      classname: "top_subscribe"
    };
  },
  methods: {
    onClickLeft() {
      Toast("返回");
    },
    onClickRight() {
      Toast("按钮");
    },
    onChange(index) {
      //banner 设置
      this.current = index;
    },
    subscribe() {
      if (this.subscribe_txt == "订阅") {
        this.classname = this.classname + " top_subscribe_on";
        this.subscribe_txt = "已订阅";
      } else {
        this.classname = "top_subscribe";
        this.subscribe_txt = "订阅";
      }
    },
    callphone(phone) {
        let that = this;
        dd.ready(
          {
            developer: "jiangc@dtdream.com",
            usage: ["dd.biz.user.realAuthentication", "dd.biz.telephone.call"],
            remark: ""
          },
          function () {
            dd.biz.telephone.call({
              corpId: phone,
              onSuccess: function (data) {
              },
              onFail: function (error) {
                alert(JSON.stringify(error));
              }
            })
          }
        );
      }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
